<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>速乐约官网-新闻中心</title>
        <link rel="stylesheet" href="css/uikit.css" />
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/uikit.min.js"></script>
        <script>
            $(document).ready(function(){
			/*触发变图片*/
                $('.icon_item a .iconImg').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon1_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon1.png')
                    }
                })
                $('.icon_item a .iconImgT').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon2_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon2.png')
                    }
                })
                $('.icon_item a .iconImgR').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon3_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon3.png')
                    }
                })
                $('.gotop').on({click: function(){
                            document.body.scrollTop = 0;
                            document.documentElement.scrollTop = 0;

                    }
                })
            })
        </script>
    </head>
    <body>
        <header>
            <div class="flexR head">
                <a href="index.html" class="logo">
                    <img src="images/logo.png" />
                </a>
                <button class="uk-button navBtn" type="button">
                    <img src="images/btn.png" />
                </button>
                <nav uk-dropdown>
                    <ul class="navclass flexC uk-nav uk-dropdown-nav">
                        <li  class="active">
                            <a href="index.html" class="curra">首页</a>
                        </li>
                        <li>
                            <a href="about.html" class="curra">关于我们</a>
                            <!-- <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="news.html" >新闻中心</a>
                                    </li>
                                    <li>
                                        <a href="video.html" >视频中心</a>
                                    </li>
                                </ul>
                            </div> -->
                        </li>
                        <li>
                            <a href="product.html" class="curra">产品中心</a>
                            <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="price.html" >产品报价</a>
                                    </li>
                                    <!-- <li>
                                        <a href="service.html" >保修服务</a>
                                    </li> -->
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="free.html" class="curra">免费试用</a>
                        </li>
                        <li>
                            <a href="login.html" class="curra">用户登录</a>
                        </li>
                        <li>
                            <a href="contact.html" class="curra">联系我们</a>
                        </li>
                    </ul>
                </nav>
          </div>
        </header>
        <section class="freeban">
            <div class="flexC aboutTitle contairn">
                <div class="inlogo" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                    <img src="images/ilogo.png" />
                </div>
                <div class="aboutTit">
                    <span>免费试用</span>
                    <div class="xban_line"></div>
                </div>
                
            </div>
        </section>
        <section>
            <div class="freeForm">
                <h1>软件试用申请表 </h1>
                <form>
                    <div class="group">
                        <img src="images/icon4.png" />
                        <input type="text" placeholder="请输入您的姓名" />
                    </div>
                    <div class="group">
                        <img src="images/icon7.png" />
                        <input type="text" placeholder="请输入您的手机号" />
                    </div>
                    <div class="group">
                        <img src="images/icon8.png" />
                        <input type="text" placeholder="江苏省/南京" />
                    </div>
                    <div class="group">
                        <img src="images/icon9.png" />
                        <input type="text" placeholder="请输入您的公司名称" />
                    </div>
                    <div class="freesubmit">
                        <button class="freeBtn">提交订单</button>
                    </div>
                </form>
            </div>
        </section>
        <div class="bottomLine"></div>
    </body>
</html>